<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/lunbo02.css"/>
		<script src="js/lunbo02.js"></script>   <!--里面不能写任何代码-->
		<script type="text/javascript">
			window.onload=function(){
				lunbo(800);
			}
		</script>
		
	</head>
	<body>
		<div id="lunbo">
			<!--图片-->
			<div class="picture">
						<!--关于标题 思路:
								1、可以使用一个数组，按顺序把所有图片的描述保存下来。
								2、使用a标签 或img标签的title属性来携带对图片的描述 。-->
				<ul id="pic">
					<!--轮播的原理 : 用js来控制 cur的位置 -->
					<li class="cur">
						<a href="#" title="0保时捷"> <img src="img/0保时捷.jpg"></a>
					</li>
					<li>
						<a href="#" title="1马自达"> <img src="img/1马自达.jpg"></a>
					</li>
					<li>
						<a href="#" title="2这是啥"> <img src="img/2这是啥.jpg"></a>
					</li>
					<li>
						<a href="#" title="3保时捷(2)"> <img src="img/3保时捷(2).jpg"></a>
					</li>
					<li>
						<a href="#" title="4克莱斯勒"> <img src="img/4克莱斯勒.jpg"></a>
					</li>

				</ul>
			</div>
			<!--黑框-->
			<div class="bg">
				<h3 id="biaoti">0保时捷 </h3>
				<ul id="lunbo_yd">
					<li class="xyd"></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
				</ul>
			</div>
			<!--两个按钮-->
			<div class="btn">
				<a id="btnLeft" class="btnLeft"></a>
				<a id="btnRight" class="btnRight"></a>

			</div>
		</div>
	</body>
</html>
